.vxe-table {
	color: var(--font_01) !important;
}

.el-input__inner {
	font-size: var(--size_12);
}
.vxe-table .vxe-table--body-wrapper .vxe-body--row.row--stripe {
	// background-color: var(--comp_03);
	background-color: var(--old_table_stripe);
}
.vxe-table .vxe-table--body-wrapper .vxe-body--row.row--current {
	background-color: var(--primary_033_0325);
}
.vxe-table
	.vxe-cell--checkbox:not(.is--disabled):hover
	.vxe-checkbox--icon:before {
	border: 1px solid var(--primary_01) !important;
}

/*
 * datepicker时间选择组件
*/

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
	width: auto;
}

.el-date-picker {
	width: 260px;
}

.el-date-picker {
	.el-picker-panel__content {
		width: auto;
		margin: 5px 15px 10px 15px;
	}
}

.el-date-range-picker {
	.el-date-range-picker__content.is-left {
		border-color: var(--comp_08);
	}
}

.el-date-editor .el-range-input {
	background-color: transparent;
	color: var(--font_01);
	&::placeholder {
		color: var(--font_02);
		font-size: var(--size_12);
	}
}

.el-date-editor .el-range-separator {
	width: 10%;
	line-height: 20px;
	color: var(--font_02);
	padding: 0 1px;
}

.el-date-editor .el-input__inner {
	border-radius: 2px;
}

.el-date-editor--daterange.el-input__inner {
	width: 240px;
	color: var(--font_02);
	font-size: var(--size_12);
	border-radius: 2px;
}

.el-date-table td.in-range div {
	background-color: transparent;
}

.el-date-table td.in-range div,
.el-date-table td.in-range div:hover {
	background-color: rgba(var(--comp_01_rgba), 1);
}

.el-month-table td .cell {
	color: var(--font_01);
	width: 44px;
	height: 24px;
	line-height: 24px;
}

// .el-month-table td div,.el-month-table td {
//     width: 44px;
//     height: 24px;
//     line-height: 24px;
// }
.el-month-table td.current:not(.disabled) .cell {
	color: var(--function_white);
	background-color: var(--primary_01);
	border-radius: 2px;
}

.el-month-table td .cell:hover {
	background-color: var(--primary_022);
	border-radius: 2px;
	color: var(--font_01);
}

.datepicker {
	.label {
		font-size: var(--size_12);
		color: var(--font_02);
	}
}

.el-input__inner {
	height: 28px;
	line-height: 28px;
}

.el-input.is-disabled {
	.el-input__inner {
		background: var(--btn_disabled);
		border-color: var(--comp_02);
		height: 28px;
		line-height: 28px;
		color: var(--btn_color);
		font-size: var(--size_12);
		&::placeholder {
			font-size: var(--size_12);
			color: var(--font_02);
		}
	}
	.el-input__icon {
		line-height: 28px;
		color: var(--font_02);
	}
}

.el-date-editor {
	.el-input__inner {
		background: var(--comp_01);
		border-color: var(--comp_02);
		height: 28px;
		line-height: 28px;
		color: var(--font_03);
		font-size: var(--size_12);
		&::placeholder {
			font-size: var(--size_12);
			color: var(--font_02);
		}
	}
	.el-input__icon {
		line-height: 28px;
		color: var(--font_02);
	}
}

.el-textarea__inner {
	background-color: var(--comp_01);
	border: 1px solid var(--comp_02);
	color: var(--font_01);
	&:hover {
		border-color: #33a2d7 !important;
	}
	&:focus {
		border-color: #007cb8 !important;
	}
}

.el-picker-panel {
	background: var(--comp_03);
	border: 1px solid var(--comp_11);
	color: var(--font_01);
	.el-date-picker__header {
		border-bottom: 1px solid var(--comp_055);
		padding: 5px;
		margin: 0;
		.el-icon-d-arrow-left {
			margin-left: 8px;
		}
		.el-icon-arrow-left {
			margin-left: 15px;
		}
		.el-icon-d-arrow-right {
			margin-right: 8px;
		}
		.el-icon-arrow-right {
			margin-right: 15px;
		}
	}
	.el-date-table th {
		// border-bottom: 1px solid var(--comp_05);
		color: var(--font_02);
		border-bottom: none;
		padding: 0px;
	}
	.el-picker-panel__icon-btn {
		color: var(--font_02);
		font-size: 14px;
		margin-top: 10px;
	}
	.el-date-picker__header-label {
		color: var(--font_01);
		font-size: 12px;
	}
	.el-date-table td.next-month,
	.el-date-table td.prev-month {
		// color: var(--font_04);
		color: var(--form_prev);
	}
	.el-date-table td span {
		border-radius: 2px;
		line-height: 24px;
		height: 24px;
	}
	.el-date-table td.current:not(.disabled) span {
		background-color: var(--primary_01) !important;
	}
}

.el-popper[x-placement^='bottom'] .popper__arrow::after {
	border-bottom-color: transparent;
}

.el-popper[x-placement^='bottom'] .popper__arrow {
	border-bottom-color: transparent;
}

.el-popper[x-placement^='top'] .popper__arrow::after {
	// border-top-color: transparent;
	border-top-color: var(--comp_03_pro);
}

.el-popper[x-placement^='top'] .popper__arrow {
	border-top-color: var(--comp_03_pro);
}

.el-input__prefix {
	right: 5px;
	left: auto;
	transition: all 0.3s;
}

.el-input__suffix {
	right: 0px;
	transition: all 0.3s;
	color: var(--font_02);
}

.el-input--prefix .el-input__inner {
	padding-left: 6px;
}

.el-picker-panel .el-date-table td.current span {
	color: var(--function_white);
}
.el-date-table td.today span {
	// color: var(--function_white) !important;
}

/*
* radio单选框
*/

.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
	background-color: var(--btn_color);
}

.el-radio__label {
	font-size: var(--size_12);
	padding-left: 5px;
}

.el-radio__input.is-checked .el-radio__inner {
	background-color: var(--comp_01);
	border-color: var(--primary_01);
}

.el-radio__input.is-checked + .el-radio__label {
	color: var(--font_01);
}

.el-radio__inner {
	background-color: var(--comp_01);
	// border: 1px solid var(--font_02);
	border: 1px solid var(--comp_36);
	&:hover {
		border-color: var(--primary_01);
	}
}

.el-radio {
	color: var(--font_01);
	margin-right: 10px;
	// font-weight: 300;
}

.el-radio__input.is-disabled .el-radio__inner,
.el-radio__input.is-disabled.is-checked .el-radio__inner {
	background-color: var(--btn_disabled);
	border: 1px solid var(--font_02);
}

.el-radio__inner::after {
	width: 6px;
	height: 6px;
	background-color: var(--font_05);
}

.el-checkbox__input.is-disabled + span.el-checkbox__label {
	color: var(--font_01);
}

/*
*  checkbox 多选框
*/

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
	background-color: var(--btn_disabled);
	border-color: var(--font_02);
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
	border-color: var(--btn_color);
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
	background-color: var(--btn_disabled);
	border: 1px solid var(--font_02);
}

.el-radio__input.is-disabled + span.el-radio__label {
	color: var(--font_01);
}

.el-checkbox__input.is-checked .el-checkbox__inner {
	background-color: var(--font_05);
	border-color: var(--font_05);
}

.el-checkbox__input.is-checked + .el-checkbox__label {
	color: var(--font_01);
}

.el-checkbox__inner {
	background-color: var(--comp_01);
	// border: 1px solid var(--font_02);
	border: 1px solid var(--comp_36) !important;
}

.el-checkbox__label {
	color: var(--font_01);
	font-size: var(--size_12);
	padding-left: 4px;
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
	background-color: var(--font_05) !important;
	border-color: var(--font_05) !important;
}
.el-checkbox__inner:hover {
	border-color: var(--primary_01);
}

.el-checkbox__inner::after {
	border-color: var(--function_white);
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
	background-color: var(--function_white);
}
.el-checkbox__input.is-focus .el-checkbox__inner {
	border-color: var(--primary_01);
}
/*
* input输入框
*/
.el-cascader__search-input {
	background-color: var(--comp_01);
	min-width: 30px;
	margin: 2px 0 2px 8px;
	&::placeholder {
		color: var(--font_02);
		font-size: var(--size_12);
	}
}
.el-input__inner {
	background-color: var(--comp_01);
	border: 1px solid var(--comp_02);
	color: var(--font_01);
	// height: 32px;
	// line-height: 32px;
	padding: 0 8px;
	&:hover {
		border: 1px solid var(--comp_02);
	}
	&::placeholder {
		color: var(--font_03);
	}
}

/*
* select组件
*/

.el-input__inner {
	background-color: var(--comp_01);
	border: 1px solid var(--comp_02);
	color: var(--font_03);
	&:hover {
		border: 1px solid var(--comp_02);
	}
}

.el-select-dropdown {
	border: 1px solid var(--comp_02);
	background-color: var(--comp_03);
	border-radius: 2px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

.el-popper[x-placement^='bottom'] {
	margin-top: 3px;
}

.el-select-dropdown {
	.popper__arrow {
		display: none;
	}
}

.el-select-dropdown__item.hover {
	background-color: var(--comp_03);
}

.el-select-dropdown__item.selected {
	// font-weight: 700;
	font-weight: 500;
	color: var(--font_01) !important;
	background: var(--primary_022);
}

.el-dropdown-menu__item.active {
	// font-weight: 700;
	font-weight: 500;
	color: var(--font_01) !important;
	background: var(--primary_022);
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
	// background-color: var(--primary_033);
	background-color: var(--primary_033_0408);
	color: var(--font_01) !important;
}

.el-select-dropdown__item:hover {
	background-color: var(--primary_022);
	color: var(--font_01);
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
	background-color: var(--primary_033);
	color: var(--font_01);
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.hover {
	background-color: var(--primary_022);
	color: var(--font_01);
}

.el-select-dropdown__item {
	color: var(--font_02);
	font-size: var(--size_12);
	padding: 0 8px;
	height: 28px;
	line-height: 28px;
	> span {
		padding-right: 15px;
	}
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
	right: 12px;
	color: var(--primary_01);
}

.el-select.multiple:hover {
	.el-select__tags .el-tag.el-tag--small:nth-of-type(1) {
		color: var(--primary_02);
		border-color: var(--primary_02);
	}
}

.el-select:hover {
	.el-select__tags .el-tag.el-tag--small:nth-of-type(1) {
		color: var(--primary_02);
		border-color: var(--primary_02);
	}
}

.el-cascader:hover {
	.el-cascader__tags .el-tag.el-tag--small:nth-of-type(1) {
		color: var(--primary_02);
		border-color: var(--primary_02);
	}
}

.el-select .el-input.is-disabled .el-input__inner:hover {
	border-color: var(--comp_02);
}

.el-select:hover .el-input__inner {
	border-color: var(--primary_02);
}

.el-input__icon {
	height: 28px;
	line-height: 28px;
}

.labelAll {
	display: flex;
	align-content: center;
	justify-content: space-between;
	.span:last-child {
		font-size: 13px;
		color: #8492a6;
	}
}

.el-select .is-focus .el-input__inner {
	border-color: var(--primary_03) !important;
}

.el-input__inner {
	&:hover {
		border-color: var(--primary_02) !important;
	}
	&:focus {
		border-color: var(--primary_03) !important;
	}
}

.el-select-dropdown__empty {
	font-size: var(--size_12);
	color: var(--font_02);
}

.el-select .el-input .el-select__caret {
	color: var(--font_02);
}

/**
* combobox组件
**/

.el-dropdown-menu {
	border: 1px solid var(--comp_03B);
	background-color: var(--comp_03);
	padding: 4px 0;
}

.el-dropdown-menu__item {
	color: var(--font_021);
	font-size: var(--size_12);
	line-height: 22px;
	padding-left: 8px;
	&.active {
		color: #409eff;
	}
}

.el-dropdown .el-dropdown-selfdefine:focus:active,
.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) {
	color: var(--font_01);
}

.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
	background-color: var(--primary_022);
	color: var(--font_01);
}

.el-dropdown-selfdefine.el-button {
	height: 22px;
	padding: 0 7px;
	&:hover,
	&:focus {
		background: var(--comp_01);
		border: 1px solid var(--comp_02);
	}
}

.el-button {
	&.h-cancel {
		&:hover {
			border-color: var(--primary_01) !important;
			color: var(--primary_01) !important;
		}
		&:active {
			border-color: var(--primary_02) !important;
			color: var(--primary_02) !important;
		}
	}
	&.h-confirm {
		&:hover {
			background-color: var(--primary_02) !important;
			color: var(--function_white) !important;
		}
		&:active {
			background-color: var(--primary_02) !important;
			color: var(--function_white) !important;
		}
	}
}

.macro {
	&.el-dropdown-menu {
		padding: 0;
		.el-dropdown-menu__item:focus,
		.el-dropdown-menu__item:not(.is-disabled):hover {
			background-color: transparent;
			color: var(--primary_01);
		}
		svg {
			height: 13px;
			max-width: 16px;
			vertical-align: middle;
			margin-right: 4px;
		}
	}
}

/*
* datecombobox
*/

.el-select.formjson {
	height: 22px;
	width: 150px;
	.el-input.is-disabled .el-input__inner:hover {
		border-color: var(--comp_02);
	}
	.el-date-editor .el-input__inner,
	.el-input.is-disabled .el-input__inner,
	.el-input__inner {
		height: 22px;
		line-height: 22px;
		font-size: var(--size_12);
		&::placeholder {
			font-size: var(--size_12);
		}
	}
	.el-date-editor .el-input__icon,
	.el-input.is-disabled .el-input__icon,
	.el-input__icon {
		line-height: 22px;
		height: 22px;
		color: var(--font_01);
	}
}

/*
* number-input
*/

.el-input-number--mini {
	width: 65px;
	height: 22px;
	line-height: 22px;
	.el-input--mini {
		.el-input__inner {
			padding: 0 10px 0 0;
			height: 22px;
			line-height: 22px;
		}
	}
}

.el-input-number.is-controls-right[class*='mini'] [class*='decrease'],
.el-input-number.is-controls-right[class*='mini'] [class*='increase'] {
	line-height: 8px;
	border-radius: 0;
	border: none;
	width: 16px;
	background: transparent;
	color: var(--font_01);
}

/*
* button 按钮
*/

.el-input__inner {
	border-radius: 2px;
}

.el-button--mini,
.el-button--small {
	font-size: var(--size_12);
	border-radius: 2px;
}

.el-button--primary {
	background: var(--primary_01);
	border: 1px solid var(--primary_01);
	color: var(--function_white);
	// height: 32px;
	// padding: 6px 20px;
	&:hover {
		background: var(--comp_01);
		border: 1px solid var(--primary_02);
		color: var(--function_white);
	}
	&:active {
		background: var(--primary_03);
		border: 1px solid var(--primary_03);
		color: var(--active);
	}
	&:focus {
		// background: var(--primary_btnhover);background: var(--primary_03);
		border: 1px solid var(--primary_03);
		color: var(--active);
	}
}

.el-button--primary {
	background: var(--comp_011);
	border: 1px solid var(--comp_02);
	color: var(--font_012);
	&:focus {
		background: var(--comp_012H);
		border: 1px solid var(--comp_02);
		color: var(--font_012);
	}
	&:hover {
		// background: var(--primary_02);
		// border: 1px solid var(--comp_02);
		// color: var(--font_01);
		background: var(--comp_012H);
		border: 1px solid var(--primary_02);
		color: var(--font_012);
	}
	&:active {
		background: var(--comp_012A);
		border: 1px solid var(--primary_03);
		color: var(--font_012);
	}
	// &:focus {
	//   background: var(--comp_01);
	//   border: 1px solid var(--primary_03);
	//   color: var(--primary_03);
	// }
}

.el-button--success:focus,
.el-button--success:hover {
	background: var(--primary_02);
	border: 1px solid var(--comp_02);
	color: var(--function_white);
}

.el-button--success {
	background: var(--primary_01);
	border: 1px solid var(--primary_01);
	color: var(--font_015);
	&:focus {
		background: var(--primary_03);
		border: 1px solid var(--primary_03);
		// color: var(--font_01);
		color: var(--font_015);
	}
	&:hover {
		background: var(--primary_02);
		// background: var(--font_015);
		border: 1px solid var(--comp_02);
		// color: var(--font_01);
		color: var(--font_015);
	}
	&:active {
		background: var(--primary_03);
		border: 1px solid var(--primary_03);
		// color: var(--font_01);
		color: var(--font_015);
	}
}

// .el-button--success.is-disabled,
// .el-button--success.is-disabled:active,
// .el-button--success.is-disabled:focus,
// .el-button--success.is-disabled:hover {
//     background: var(--comp_01);
//     border: 1px solid var(--comp_02);
//     color: var(--font_01);
// }
.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
	color: var(--btn_color);
	background: var(--btn_disabled);
	// color: var(--font_04);
	border: 1px solid var(--comp_02);
}

.el-button--success.is-disabled,
.el-button--success.is-disabled:active,
.el-button--success.is-disabled:focus,
.el-button--success.is-disabled:hover {
	color: var(--btn_color);
	background: var(--btn_disabled);
	// color: var(--font_04);
	border: 1px solid var(--comp_02);
}

.vxe-button.type--button.theme--primary:not(.is--disabled) {
	background: var(--primary_01) !important;
	border: 1px solid var(--primary_01) !important;
	color: var(--font_015) !important;
	&:focus {
		background: var(--primary_03);
		border: 1px solid var(--primary_03);
		// color: var(--font_01);
		color: var(--font_015);
	}
	&:hover {
		background: var(--primary_02) !important;
		// background: var(--font_015);
		border: 1px solid var(--comp_02) !important;
		// color: var(--font_01);
		color: var(--font_015) !important;
	}
	&:active {
		background: var(--primary_03);
		border: 1px solid var(--primary_03);
		// color: var(--font_01);
		color: var(--font_015);
	}
}

/*
* 前端弹框
*/

.el-dialog {
	background: var(--comp_0122);
	border: 1px solid var(--comp_02);
	border-radius: 2px;
	box-shadow: 0px 1px 6px 0px var(--comp_09_rgba_0408, 0.1);
	// box-shadow: 0 1px 3px var(--comp_09_rgba, 0.2);
	&.reverse {
		.el-dialog__body {
			padding: 5px 5px 0;
		}
		.el-dialog-footer {
			.el-button--primary {
				color: #fff;
			}
		}
	}

	.el-dialog__body {
		background: var(--comp_0122);
	}
}

.el-pager li {
	background: var(--function_white);
}

.el-dialog__header {
	background: var(--comp_0122);
	border-bottom: 1px solid var(--comp_055);
	// border-top: 1px solid var(--comp_11);
	.el-dialog__title {
		color: var(--font_01);
	}
}

/*
* select 下拉
*/

.el-cascader-panel {
	font-size: var(--size_12);
}

.el-cascader__dropdown {
	background: var(--comp_03);
	border: 1px solid var(--comp_02);
}

.el-cascader-menu .el-cascader-node:not(.is-disabled):focus,
.el-cascader-node:not(.is-disabled):hover {
	background: var(--primary_022);
	color: var(--font_01);
}

.el-cascader-menu {
	border-right-color: var(--comp_02);
	color: var(--font_02);
}

.el-select-group__wrap:not(:last-of-type)::after {
	background: var(--comp_02);
}

.el-loading-mask {
	background-color: rgba(var(--comp_01_rgba), 0.9);
}

.el-cascader:not(.is-disabled):hover .el-input__inner {
	border-color: var(--primary_02);
}

.el-cascader-node__label {
	padding: 0 8px;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
	background-color: var(--primary_033);
	color: var(--font_01);
}

/*
  * pover弹框
*/

.el-popover {
	// background: var(--comp_03_pro);
	background: var(--comp_03_pro_0325);
	// border: 1px solid var(--comp_02)
	border: none;
}
.el-popper .popper__arrow::after {
	border-left-color: var(--comp_03_pro) !important;
}
.el-popper .popper__arrow {
	border-left-color: var(--comp_03_pro) !important;
}

// 下拉动画
.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
	opacity: 1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
	// transition: transform .3s linear, opacity .3s linear;
	// transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
	-webkit-transform-origin: center top;
	transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
	opacity: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}

.el-tree-node__label {
	font-size: var(--size_12);
}

.el-tree-node:focus > .el-tree-node__content {
	background-color: transparent;
}

.el-tree-node__content {
	height: 24px;
}

.el-date-table td.today span {
	// color: #008bce;
	color: var(--font_01);
	// background-color: var(--primary_01);
	/*color: var(--function_white);
    background-color: var(--primary_01);
    &:hover {
        color: var(--font_07);
    }*/
}

/*.el-date-table span:hover{
    color: var(--primary_022);
}*/

.el-date-picker .el-date-table td.available:hover span {
	background-color: var(--primary_022);
}

.el-date-table td.available:hover span {
	background-color: var(--primary_022);
	color: var(--font_01);
}

.el-date-table td.end-date.available span,
.el-date-table td.start-date.available span {
	// color: var(--function_white);
	color: var(--comp_03);
}

.el-date-table td.end-date.available:hover span,
.el-date-table td.start-date.available:hover span {
	background-color: var(--primary_01);
	// color: var(--function_white);
}
.el-date-table td.current:not(.disabled):hover span {
	color: var(--function_white);
}
// .el-date-table td.available.in-range.start-date span:hover,
// .el-date-table td.available.in-range.end-date span:hover {
// 	// background-color: var(--primary_022);
// 	// color: var(--font_07);
// 	color: var(--font_01);
// }

// licheng add
.el-date-range-picker {
	width: 448px;
}

.el-date-range-picker .el-picker-panel__body {
	min-width: 448px;
}

.el-picker-panel__body {
	.is-right {
		.el-date-picker__header {
			margin-right: 1;
		}
	}
}

.el-picker-panel__content {
	.el-date-table td {
		// padding: 0;
		> div {
			padding: 0;
		}
	}
}

.el-date-range-picker__content {
	padding: 0;
	.el-date-table td.in-range div {
		background-color: var(--primary_022);
	}
	.el-date-table td.start-date div,
	.el-date-table td.end-date div {
		border-radius: 2px;
		background-color: var(--comp_10);
	}
	.el-date-table td.end-date div {
		margin-left: 5px;
		margin-right: 5px !important;
	}
	.el-date-table td.start-date div {
		margin-right: 5px;
	}
	.el-date-table__row .in-range:last-child div {
		margin-right: 0px;
	}
	.el-date-table td {
		width: 24px;
		padding: 2px 0;
	}
	.el-date-table td,
	.el-date-table td div {
		height: 24px;
		line-height: 24px;
		-webkit-box-sizing: border-box;
	}
}

.el-date-table td,
.el-date-table td div {
	height: 24px;
	line-height: 24px;
	-webkit-box-sizing: border-box;
}

.el-date-range-picker__content.is-left {
	border-right: 0;
}

.el-date-range-picker__header {
	position: relative;
	text-align: center;
	height: 32px;
	padding: 0px 12px;
	border-bottom: 1px solid var(--comp_055);
	.el-icon-arrow-left {
		margin-left: 16px;
	}
	.el-icon-arrow-right {
		margin-right: 16px;
	}
}

.el-date-table td.end-date span,
.el-date-table td.start-date span {
	// background-color: var(--comp_10);
	background-color: var(--primary_01);
}

.el-date-range-picker__header div {
	font-size: 12px;
}

.el-date-range-picker table {
	padding: 8px;
}

.tranfer-market {
	.el-tree-node__label {
		border-radius: 2px;
	}
}

// .el-collapse
.el-collapse-item__header {
	background-color: var(--comp_06);
	color: var(--font_02);
	border-bottom: 1px solid var(--comp_06);
}

.el-collapse-item__wrap {
	background-color: var(--comp_06);
	color: var(--font_02);
	border-bottom: 1px solid var(--comp_06);
}

.el-collapse-item__content {
	color: var(--font_02);
}

.el-tree__empty-text {
	font-size: var(--size_12);
	color: var(--font_02);
}

.el-cascader__tags {
	top: 52%;
	flex-wrap: nowrap;
}

.el-select .el-tag__close.el-icon-close {
	// background-color: var(--comp_033);
	background: transparent;
	right: -7px;
	top: 1px;
	color: var(--font_02);
}

.el-select .el-tag__close.el-icon-close:hover {
	// background-color: var(--primary_02)
	background-color: var(--comp_033);
	color: var(--primary_02);
}

.el-cascader__tags .el-tag .el-icon-close {
	// background-color: var(--comp_033);
	background: transparent;
	right: -7px;
	top: 1px;
	color: var(--font_02);
}

.el-cascader__tags .el-tag .el-icon-close:hover {
	background-color: var(--comp_033);
	color: var(--primary_02);
}

.el-cascader__tags .el-tag {
	background: var(--comp_03);
	border: 1px solid var(--comp_02);
}

.el-tag.el-tag--info {
	background: var(--comp_03);
	border: 1px solid var(--comp_02);
}

.el-cascader__tags .el-tag:not(.is-hit) {
	border: 1px solid var(--comp_02);
}

.el-tag .el-tag__close:hover {
	// color: #FFF;
	background-color: transparent;
}

.el-cascader-node {
	height: 29px;
	line-height: 29px;
	padding: 0 24px 0 8px;
}

.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
	font-weight: 400;
	color: var(--font_02);
}

.el-date-editor .el-range-input,
.el-date-editor .el-range-separator {
	font-size: var(--size_12);
}

/**
 element 消息确认框
*/

.el-message-box {
	background: var(--comp_08);
	border: 1px solid var(--comp_02);
}

.el-message-box__header {
	background: var(--comp_0122);
	padding: 7px 9px 7px;
}

.el-message-box__title {
	color: var(--font_01);
	font-size: var(--size_12);
}

.el-message-box__headerbtn {
	top: 6px;
	right: 5px;
}

.el-message-box__content {
	// padding: 10px 15px;
	color: var(--font_01);
	font-size: var(--size_12);
	border-top: 1px solid var(--comp_055);
}

.el-message-box__btns {
	.el-button--small,
	.el-button--small.is-round {
		padding: 5px 9px;
	}
	.el-button--default {
		background: var(--comp_01);
		border: 1px solid var(--comp_02);
		color: var(--font_01);
		&:hover {
			background: var(--comp_01);
			border: 1px solid var(--primary_02);
			// color: var(--function_white);
			// color: var(--font_08);
			color: var(--primary_02);
		}
		&:active {
			// background: var(--primary_03);
			border: 1px solid var(--primary_03);
			// color: var(--active);
			color: var(--primary_03);
		}
		&:focus {
			// background: var(--primary_btnhover);background: var(--primary_03);
			border: 1px solid var(--primary_03);
			// color: var(--active);
			color: var(--primary_03);
		}
	}
	.el-button--primary {
		background: var(--primary_01);
		border: 1px solid var(--primary_01);
		color: var(--font_015);
		&:focus {
			background: var(--primary_03);
			border: 1px solid var(--primary_03);
			// color: var(--font_01);
			color: var(--font_015);
		}
		&:hover {
			background: var(--primary_02);
			border: 1px solid var(--primary_02);
			// color: var(--font_01);
			color: var(--font_015);
		}
		&:active {
			background: var(--primary_03);
			// border: 1px solid var(--primary_03);
			// color: var(--font_01);
			color: var(--font_015);
		}
	}
}

.el-message {
	border-radius: 2px;
	padding: 9px 12px;
	.el-icon-error {
		color: var(--info_02);
	}
	.el-icon-warning {
		color: var(--info_03);
	}
	.el-icon-success {
		color: var(--info_04);
	}
	.el-icon-info {
		color: var(--info_01);
	}
	&.el-message--error {
		background: var(--info_light_02);
		border: none;
	}
	&.el-message--warning {
		background: var(--info_light_03);
		border: none;
	}
	&.el-message--success {
		background: var(--info_light_04);
		border: none;
	}
	&.el-message--info {
		background: var(--info_light_01);
		border: none;
	}
	> .el-message__content {
		color: var(--font_01);
	}
}

/*
  输入框根据输入内容提供对应的输入建议
*/

.el-autocomplete-suggestion {
	background: var(--comp_01);
	border: 1px solid var(--primary_01);
}

.el-autocomplete-suggestion li.highlighted,
.el-autocomplete-suggestion li:hover {
	background-color: var(--primary_022);
}

/*全局loadding*/

// .el-loading-spinner{
//     background-image: url('../assets/xhcj_loading.gif');
//     background-repeat: no-repeat;
//     background-size: 128px 84px;
//     background-position:center;

//     width: 300px;
//     height: 85px;
//     svg{
//      display: none;
//     }
//     p{
//         display: none;
//     }
// }

.el-year-table td.disabled .cell{
  background-color: var(--btn_disabled);
}



.el-loading-mask {
	display: flex;
	align-items: center;
	justify-content: center;
}

//.el-input-number__decrease, .el-input-number__increase

.el-input-number__decrease,
.el-input-number__increase {
	background: var(--comp_01);
	color: var(--font_01);
	border-left: 1px solid var(--comp_055);
}

.el-input-number__decrease {
	border-right: 1px solid var(--comp_055);
}

.el-input-number.is-disabled .el-input-number__decrease,
.el-input-number.is-disabled .el-input-number__increase {
	border-color: var(--comp_055);
	color: var(--font_01);
}

.el-loading-mask .el-loading-spinner {
	i {
		display: none;
	}
	.el-loading-text,
	svg {
		display: none;
	}
	width: 38px;
	height: 38px;
	&:before,
	&:after {
		content: '';
		width: 100%;
		height: 100%;
		border-radius: 50%;
		background-color: var(--primary_01);
		opacity: 0.6;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-animation: bounce 2s infinite ease-in-out;
		animation: bounce 2s infinite ease-in-out;
	}
	&:after {
		animation-delay: -1s;
	}
}

//.el-tabs__item:hover

.el-tabs__item{
  color: var(--font_02);
}
.el-tabs__item:hover{
  color:var(--primary_01);
}
.el-backtop{
	color: var(--primary_01);
	background-color:var(--home-backtop-bg);
	&:hover{
		background-color: var(--home-backtop-hover-bg);
	}
}
